{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"福利",back:1} %}
    <div class="pad5 c13">
        <div class="jb01 flrc round5 mart5 pos-r ofh " @click="goto('userCoin')">
            <div class="pos-a wh50-50 bca003 round" style="left: -20vw;top: -20vw;"></div>
            <div class="pos-a wh50-50 bca003" style="bottom: -30vw;left: -30vw;"></div>
            <div class="pos-a wh90-90 bca003 round" style="bottom: -30vw;left: -30vw;"></div>
            <div class="pos-a wh90-90 bcaf1 round" style="top: -30vw;right: -30vw;"></div>
            <div class="wh40-40 flcc fs14 ">
                <svg t="1586177570993" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="2837" width="20vw" height="20vw">
                    <path d="M197.12 1002.666c-40.107 0-72.533-32.427-72.533-72.533v-352.427h52.053v351.573c0 11.093 9.387 20.48 20.48 20.48h605.867c11.093 0 20.48-9.387 20.48-20.48v-339.627h52.053v340.48c0 40.107-32.427 72.533-72.533 72.533h-605.867z"
                          fill="#ffffff" p-id="2838"></path>
                    <path d="M127.147 580.266v349.013c0 38.4 31.573 69.973 69.973 69.973h605.867c38.4 0 69.973-30.72 69.973-69.973v-337.067h-46.933v337.92c0 12.8-10.24 23.040-23.040 23.040h-605.867c-12.8 0-23.040-10.24-23.040-23.040v-349.867h-46.933z"
                          fill="#ffffff" p-id="2839"></path>
                    <path d="M497.493 309.76h52.053v669.013h-52.053z" fill="#ffffff" p-id="2840"></path>
                    <path d="M546.133 976.213v-663.893h-46.933v663.893h46.933z" fill="#ffffff" p-id="2841"></path>
                    <path d="M150.187 594.773c-65.707 0-118.613-53.76-118.613-118.613v-189.44h817.493c65.707 0 118.613 53.76 118.613 118.613v188.587h-817.493zM83.627 475.306c0 37.547 29.867 67.413 67.413 67.413h766.293v-136.533c0-37.547-29.867-67.413-67.413-67.413h-766.293v136.533z"
                          fill="#ffffff" p-id="2842"></path>
                    <path d="M57.173 336.213h791.893c38.4 0 69.973 31.573 69.973 69.973v162.987l23.040-23.040h-791.893c-38.4 0-69.973-31.573-69.973-69.973v-163.84l-23.040 23.893zM57.173 289.28h-23.040v186.027c0 64 52.053 116.053 116.053 116.053h814.933v-185.173c0-64-52.053-116.053-116.053-116.053h-791.893v-0.853z"
                          fill="#ffffff" p-id="2843"></path>
                    <path d="M427.52 338.773v-122.027h191.147v121.173h-191.147zM567.467 286.72v-17.92h-88.747v17.92h88.747z"
                          fill="#ffffff" p-id="2844"></path>
                    <path d="M453.12 266.24h139.947l-23.040-23.040v69.973l23.040-23.040h-139.947l23.040 23.040v-69.973l-23.040 23.040zM453.12 219.306h-23.040v116.907h186.027v-116.053h-162.987v-0.853z"
                          fill="#ffffff" p-id="2845"></path>
                    <path d="M244.053 329.386c-2.56-3.413-6.827-8.533-12.8-16.213-10.24-13.653-19.627-27.307-27.307-40.107-10.24-15.36-17.92-30.72-24.747-44.373-22.187-46.933-23.893-81.067-5.12-105.813 42.667-57.173 120.32-103.253 172.373-103.253 25.6 0 53.76 21.333 98.987 75.947 8.533 10.24 17.067 21.333 26.453 33.28 14.507 20.48 31.573 43.52 48.64 68.267 5.973 8.533 11.093 16.213 15.36 23.040 2.56 4.267 6.827 11.093 6.827 11.093l-43.52 28.16s-4.267-6.827-6.827-10.24c-3.413-6.827-8.533-14.507-14.507-23.040-17.067-23.893-33.28-46.933-48.64-66.56-8.533-11.093-17.067-22.187-24.747-31.573-31.573-38.4-54.613-57.173-58.88-57.173-34.987 0-98.987 40.107-130.56 82.773-4.267 5.973-2.56 23.893 11.093 52.907 5.973 11.947 12.8 24.747 21.333 38.4 7.68 11.947 16.213 24.747 25.6 36.693 5.12 6.827 9.387 11.947 11.093 14.507l1.707 1.707-40.107 32.427-1.707-0.853z"
                          fill="#ffffff" p-id="2846"></path>
                    <path d="M505.173 230.4l39.253 25.6c0.853-1.707 2.56-4.267 5.12-8.533 4.267-6.827 9.387-14.507 15.36-22.187 15.36-23.040 32.427-46.080 48.64-67.413 8.533-11.093 17.067-22.187 25.6-31.573 29.867-35.84 55.467-58.027 61.44-58.027 36.693 0 99.84 40.107 133.12 83.627 5.12 6.827 2.56 27.307-11.093 55.467-5.973 11.947-12.8 25.6-21.333 39.253-7.68 12.8-17.067 25.6-25.6 36.693-5.12 6.827-9.387 11.947-11.093 14.507l35.84 29.867c2.56-3.413 6.827-8.533 12.8-16.213 9.387-12.8 18.773-26.453 27.307-40.107 9.387-15.36 17.92-29.867 24.747-44.373 19.627-42.667 24.747-77.653 5.973-103.253-42.667-53.76-119.467-102.4-172.373-102.4-26.453 0-56.32 26.453-97.28 75.093-8.533 10.24-17.067 21.333-26.453 33.28-17.067 22.187-33.28 45.227-49.493 69.12-5.973 8.533-11.093 16.213-15.36 23.040-2.56 3.413-4.267 6.827-5.12 8.533z"
                          fill="#ffffff" p-id="2847"></path>
                </svg>
                <div class="fs9 mart10 bcf c2 padlr9 padtb2 round30">玩转积分</div>
            </div>
            <div class="flex1">&nbsp;</div>
            <div class="pos-a b9 r9 fs8 fwb">
                签到、转盘、积分商城
            </div>
            <div class="pos-a t9 r9 flrc fs14">
                <div class="fs9 padr5">积分中心</div>
                <div class="fa fa-angle-right"></div>
            </div>
        </div>

        <div class="jb02 flrc round5 mart5 pos-r ofh" @click="goto('userInvite')">
            <div class="pos-a wh50-50 bca003 round" style="left: -20vw;top: -20vw;"></div>
            <div class="pos-a wh50-50 bca003" style="bottom: -30vw;left: -30vw;"></div>
            <div class="pos-a wh90-90 bca003 round" style="bottom: -30vw;left: -30vw;"></div>
            <div class="pos-a wh90-90 bcaf1 round" style="top: -30vw;right: -30vw;"></div>
            <div class="wh40-40 flcc fs14 ">
                <svg t="1586178066794" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4417" width="19vw" height="19vw"><path d="M911.6 651.6l0 209.2c0 36-30.4 66.2-66.2 66.2l-699.6 1.2c-35.8 0-65-29.2-65-65.2l1.2-699.6c0-35.8 30.4-66.2 66.2-66.2l387 0L535.2 20.2 148.2 20.2c-81.8 0-143 82.8-143 156.8l0 686c0 77.6 63 140.8 140.8 140.8l686 0c82 0 156.6-68.2 156.6-143L988.6 651.6 911.6 651.6 911.6 651.6zM730.2 60.8l288.6 289.2L730.2 639l0-165.2c0 0-286.4-31.8-453.6 206.6 0 0 52.6-454.4 453.6-454.4L730.2 60.8 730.2 60.8z" p-id="4418" fill="#ffffff"></path></svg>
                <div class="fs9 mart10 bcf c2 padlr9 padtb2 round30">推荐有礼</div>
            </div>
            <div class="flex1">&nbsp;</div>
            <div class="pos-a b9 r9 fs8 fwb">
                推荐得积分，购物拿佣金
            </div>
            <div class="pos-a t9 r9 flrc fs14">
                <div class="fs9 padr5">推荐好友</div>
                <div class="fa fa-angle-right"></div>
            </div>
        </div>

        <div class="jb03 flrc round5 mart5 pos-r ofh" @click="goto('userMoney')">
            <div class="pos-a wh50-50 bca003 round" style="left: -20vw;top: -20vw;"></div>
            <div class="pos-a wh50-50 bca003" style="bottom: -30vw;left: -30vw;"></div>
            <div class="pos-a wh90-90 bca003 round" style="bottom: -30vw;left: -30vw;"></div>
            <div class="pos-a wh90-90 bcaf1 round" style="top: -30vw;right: -30vw;"></div>
            <div class="wh40-40 flcc fs14 ">
                <svg t="1586178333982" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6330" width="20vw" height="20vw"><path d="M503.222857 901.12c-29.257143 0-58.514286-2.925714-84.845714-8.777143-84.845714-14.628571-160.914286-49.737143-210.651429-102.4-8.777143-8.777143-8.777143-23.405714 2.925715-32.182857 8.777143-8.777143 23.405714-8.777143 32.182857 2.925714 40.96 43.885714 108.251429 76.068571 184.32 90.697143 23.405714 5.851429 49.737143 5.851429 76.068571 5.851429 52.662857 0 73.142857 0 140.434286-23.405715 20.48-8.777143 128.731429-70.217143 149.211428-117.028571 0 0 0-2.925714 2.925715-2.925714 5.851429-11.702857 8.777143-20.48 11.702857-29.257143 2.925714-11.702857 11.702857-20.48 23.405714-20.48s23.405714 11.702857 23.405714 23.405714v2.925714c-2.925714 20.48-8.777143 35.108571-17.554285 49.737143 0 0 0 2.925714-2.925715 2.925715-32.182857 64.365714-152.137143 131.657143-175.542857 140.434285-73.142857 17.554286-99.474286 17.554286-155.062857 17.554286zM585.142857 681.691429c-5.851429 0-11.702857-2.925714-14.628571-5.851429-46.811429-43.885714-137.508571-70.217143-231.131429-67.291429-5.851429 0-11.702857-2.925714-17.554286-5.851428-52.662857-55.588571-84.845714-128.731429-84.845714-204.8 0-160.914286 131.657143-292.571429 292.571429-292.571429s292.571429 131.657143 292.571428 292.571429c0 137.508571-99.474286 257.462857-234.057143 286.72 0-2.925714-2.925714-2.925714-2.925714-2.925714z m-231.131428-119.954286c96.548571 0 184.32 26.331429 236.982857 73.142857 108.251429-26.331429 184.32-125.805714 184.32-236.982857 0-137.508571-111.177143-245.76-245.76-245.76-137.508571 0-245.76 111.177143-245.76 245.76 0 61.44 23.405714 119.954286 64.365714 166.765714 0-2.925714 2.925714-2.925714 5.851429-2.925714z" fill="#ffffff" p-id="6331"></path><path d="M617.325714 748.982857c-11.702857 0-20.48-8.777143-23.405714-20.48-2.925714-17.554286-11.702857-35.108571-26.331429-52.662857-8.777143-8.777143-8.777143-23.405714 0-32.182857 8.777143-8.777143 23.405714-8.777143 32.182858 0 23.405714 23.405714 38.034286 52.662857 40.96 78.994286 2.925714 11.702857-8.777143 23.405714-20.48 23.405714 0 2.925714 0 2.925714-2.925715 2.925714zM190.171429 637.805714c-8.777143 0-17.554286-5.851429-20.48-14.628571-5.851429-11.702857 0-23.405714 11.702857-29.257143 29.257143-11.702857 61.44-20.48 99.474285-26.331429 17.554286-2.925714 38.034286-5.851429 55.588572-5.851428 11.702857-2.925714 23.405714 8.777143 23.405714 20.48s-8.777143 23.405714-20.48 23.405714c-17.554286 0-35.108571 2.925714-52.662857 5.851429-32.182857 5.851429-61.44 11.702857-87.771429 23.405714-2.925714 0-5.851429 2.925714-8.777142 2.925714zM433.005714 895.268571c-11.702857 0-23.405714-11.702857-23.405714-23.405714s11.702857-23.405714 23.405714-23.405714 23.405714 11.702857 23.405715 23.405714c0 14.628571-11.702857 23.405714-23.405715 23.405714z" fill="#ffffff" p-id="6332"></path><path d="M547.108571 754.834286c-55.588571 0-111.177143-14.628571-160.914285-38.034286-11.702857-5.851429-14.628571-20.48-8.777143-29.257143 5.851429-11.702857 20.48-14.628571 29.257143-8.777143 40.96 20.48 90.697143 32.182857 140.434285 32.182857 23.405714 0 43.885714-2.925714 67.291429-8.777142 43.885714-8.777143 84.845714-29.257143 117.028571-55.588572 5.851429-5.851429 11.702857-11.702857 20.48-17.554286 8.777143-8.777143 23.405714-8.777143 32.182858 0 8.777143 8.777143 8.777143 23.405714 0 32.182858-8.777143 8.777143-14.628571 14.628571-23.405715 20.48-38.034286 29.257143-84.845714 52.662857-137.508571 64.365714-23.405714 5.851429-49.737143 8.777143-76.068572 8.777143z" fill="#ffffff" p-id="6333"></path><path d="M830.902857 710.948571c-11.702857 0-23.405714-11.702857-23.405714-23.405714 0-8.777143-2.925714-14.628571-8.777143-20.48-5.851429-2.925714-8.777143-5.851429-14.628571-5.851428-2.925714 0-2.925714 0-2.925715 2.925714-2.925714 2.925714-5.851429 2.925714-8.777143 5.851428-11.702857 5.851429-23.405714 2.925714-29.257142-11.702857-5.851429-11.702857-2.925714-23.405714 8.777142-29.257143 5.851429-5.851429 11.702857-8.777143 23.405715-11.702857h2.925714c20.48-2.925714 40.96 2.925714 52.662857 14.628572 14.628571 14.628571 23.405714 32.182857 23.405714 52.662857 0 14.628571-11.702857 26.331429-23.405714 26.331428zM617.325714 433.005714H438.857143c-11.702857 0-23.405714-11.702857-23.405714-23.405714s11.702857-23.405714 23.405714-23.405714h178.468571c11.702857 0 23.405714 11.702857 23.405715 23.405714s-11.702857 23.405714-23.405715 23.405714z" fill="#ffffff" p-id="6334"></path><path d="M529.554286 523.702857c-11.702857 0-23.405714-11.702857-23.405715-23.405714v-87.771429c0-11.702857 11.702857-23.405714 23.405715-23.405714s23.405714 11.702857 23.405714 23.405714v90.697143c0 8.777143-11.702857 20.48-23.405714 20.48z" fill="#ffffff" p-id="6335"></path><path d="M529.554286 397.897143c-5.851429 0-11.702857-2.925714-17.554286-5.851429l-61.44-61.44c-8.777143-8.777143-8.777143-23.405714 0-32.182857 8.777143-8.777143 23.405714-8.777143 32.182857 0l61.44 61.44c8.777143 8.777143 8.777143 23.405714 0 32.182857-2.925714 5.851429-8.777143 5.851429-14.628571 5.851429z" fill="#ffffff" p-id="6336"></path><path d="M529.554286 397.897143c-5.851429 0-11.702857-2.925714-17.554286-5.851429-8.777143-8.777143-8.777143-23.405714 0-32.182857l61.44-61.44c8.777143-8.777143 23.405714-8.777143 32.182857 0 8.777143 8.777143 8.777143 23.405714 0 32.182857l-61.44 61.44c-5.851429 5.851429-8.777143 5.851429-14.628571 5.851429z" fill="#ffffff" p-id="6337"></path></svg>
                <div class="fs9 mart10 bcf c2 padlr9 padtb2 round30">财源滚滚</div>
            </div>
            <div class="flex1">&nbsp;</div>
            <div class="pos-a b9 r9 fs8 fwb">
                理财分红，钱包满满
            </div>
            <div class="pos-a t9 r9 flrc fs14">
                <div class="fs9 padr5">我的钱包</div>
                <div class="fa fa-angle-right"></div>
            </div>
        </div>

        <div class="jb04 flrc round5 mart5 pos-r ofh op4" @click="showToast('即将推出')">
            <div class="pos-a wh50-50 bca003 round" style="left: -20vw;top: -20vw;"></div>
            <div class="pos-a wh50-50 bca003" style="bottom: -30vw;left: -30vw;"></div>
            <div class="pos-a wh90-90 bca003 round" style="bottom: -30vw;left: -30vw;"></div>
            <div class="pos-a wh90-90 bcaf1 round" style="top: -30vw;right: -30vw;"></div>
            <div class="wh40-40 flcc fs14 ">
                <svg t="1586178393845" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7044" width="20vw" height="20vw"><path d="M698.8 532.8c-11.5 0-20.8 9.3-20.8 20.8V595c0 11.5 9.3 20.8 20.8 20.8s20.8-9.3 20.8-20.8v-41.5c-0.1-11.5-9.4-20.7-20.8-20.7zM698.8 678c-11.5 0-20.8 9.3-20.8 20.8v41.5c0 11.5 9.3 20.8 20.8 20.8s20.8-9.3 20.8-20.8v-41.5c-0.1-11.5-9.4-20.8-20.8-20.8z" p-id="7045" fill="#ffffff"></path><path d="M802.5 346h-1.8L538.4 126c-23.2-19.5-51.6-29-79.9-29-35.6 0-71 15.1-95.5 44.3l-62.9 75c4.8-0.6 9.6-1.1 14.4-1.1 6 0 12.1 0.6 18.1 1.6-6.1-0.9-12.1-1.6-18.1-1.6-50.9 0-98.9 31.5-117.3 81.9l-21 57.6C130 372.9 97 418 97 470.5v332C97 871 153 927 221.5 927h581C871 927 927 871 927 802.5V694.9c-6.5 2.3-13.4 3.8-20.8 3.8s-14.2-1.5-20.8-3.8c-24.1-8.6-41.5-31.4-41.5-58.4s17.4-49.8 41.5-58.4c6.5-2.3 13.4-3.8 20.8-3.8s14.2 1.5 20.8 3.8V470.5C927 402 871 346 802.5 346zM394.8 168c15.7-18.7 39-29.5 63.7-29.5 19.5 0 38.4 6.8 53.2 19.3L736.1 346h-40.4L356.8 222.7c-2.1-0.8-4.3-1.1-6.4-1.7l44.4-53zM236.3 311.3c11.9-32.6 43.3-54.6 78.3-54.6 9.6 0 19 1.7 28.1 5L574.4 346H223.6l12.7-34.7zM221.5 346z m-21 1.9c-0.8 0.1-1.7 0.2-2.5 0.4 0.8-0.2 1.7-0.2 2.5-0.4z m-13.3 3.1h-0.1 0.1z m698.3 183.8c-47.4 9.6-83 51.5-83 101.7s35.6 92 83 101.7v64.3c0 45.8-37.2 83-83 83h-83V844c0-11.5-9.3-20.8-20.8-20.8S678 832.5 678 844v41.5H221.5c-45.8 0-83-37.2-83-83v-332c0-45.8 37.2-83 83-83H678v62.3c0 11.5 9.3 20.8 20.8 20.8s20.8-9.3 20.8-20.8v-62.3h83c45.8 0 83 37.2 83 83v64.3z" p-id="7046" fill="#ffffff"></path><path d="M508.4 490.9c-8.1-8.1-21.2-8.1-29.3 0l-70.8 70.8-70.8-70.8c-8.1-8.1-21.2-8.1-29.3 0-8.1 8.1-8.1 21.2 0 29.3l60.5 60.5h-43.3c-11.5 0-20.8 9.3-20.8 20.8s9.3 20.8 20.8 20.8h62.3v41.5h-62.3c-11.5 0-20.8 9.3-20.8 20.8s9.3 20.8 20.8 20.8h62.3v62.3c0 11.5 9.3 20.8 20.8 20.8s20.8-9.3 20.8-20.8v-62.3h62.3c11.5 0 20.8-9.3 20.8-20.8s-9.3-20.8-20.8-20.8H429v-41.5h62.3c11.5 0 20.8-9.3 20.8-20.8s-9.3-20.8-20.8-20.8H448l60.5-60.5c8-8.1 8-21.2-0.1-29.3z" p-id="7047" fill="#ffffff"></path></svg>
                <div class="fs9 mart10 bcf c2 padlr9 padtb2 round30">卡券折扣</div>
            </div>
            <div class="flex1">&nbsp;</div>
            <div class="pos-a b9 r9 fs8 fwb">
                即将推出
            </div>
            <div class="pos-a t9 r9 flrc fs14">
                <div class="fs9 padr5">即将推出</div>
{#                <div class="fa fa-angle-right"></div>#}
            </div>
        </div>


    </div>
    <mu-ripple @click="goto('login')" v-if="login == 0"></mu-ripple>

{% endblock %}